<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>验证TOM是否合法</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="js/jquery-1.12.4.js"></script>
</head>

<body>
    <div id="showTestMsg">验证TOM是否合法</div>
    <input type="button" id="btn1" value="验证">
    <input type="button" id="btn2" value="验证load">

    <script>
        // $.ajax("参数列表")
        // url：地址
        // type:类型 post ,get,默认get
        // timeout：超时请求
        // object data:数据类型 xml,json,html,jsonp,text
        // 发送请求前你的调用函数
        // 完成请求调用的函数
        // success：成功请求的函数
        // error:失败请求的函数
        // 是否进行异步请求，触发ajax

        // $.get
        $("#btn1").click(function () {
            // $.get("./test.txt",function(){

            // },true)
            $.ajax({
                url: "./test.txt",
                type: "GET",
                data: "name==TOM",
                dataType: "text",//返回一个文本信息
                success: function (data) {
                    $("#showTestMsg").html(data)
                },
                error: function () {
                    alert("用户名错误")
                }
            })
        })

        $("#btn2").click(function () {
            // 选择器.load(url,data,fun)
            // 把返回的后端数据返回到对应的选择器中
            // 返回html，text时比较适用
            $("#showTestMsg").load("./test.txt")

        })







    </script>

</body>

</html>